<template>
<div>
    <div v-if="maillist.length>0">
      <div  v-for="(items, index) in maillist" :order="index" class="letter">
        <h3>{{items.h3title}}{{index}}<button type="button" class="el-button is-circle" @click="deleOneMail(index)"><i class="el-icon-delete"></i></button></h3>
        <slot name="autor">这篇文章来自于微信</slot>
        <p>{{items.datail.context}}</p>
      </div>
    </div>
    <div v-else>
      您的邮箱,空空如也
    </div>
    <!-- 坑，v-if 优先级高于v-for 如果同时在一个节点使用，v-else将失效 -->
</div>
</template>
<script>
export default {
  data(){
      return {
        value1:""
        
      }
  },
  methods:{
    deleOneMail(index){
      this.$emit("deleOne",index)
    }
  },
  props:["maillist"]
}
</script>
<style scoped>
.parttwo{
  background: gainsboro;
}
.parttwo .L-Title {
  height:50px;
  text-align: center;
  font:normal 32px/50px Microsoft YaHei;
}
.letter {
  padding:3px;
  margin-bottom: 4px;
}
.letter h3{
  font:normal 18px/30px Microsoft YaHei;
  color:#fff;
}
.letter p {
  background: chartreuse;
  margin: 5px;
  font:normal 16px/40px Microsoft YaHei;
  text-indent: 32px;

}
</style>


